<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
     *{
		 background-color:#FFD8D9;
	}
    ul{
		 list-style:none;
	}
	li{
		text-align:center;
		float:left;
		width:100px;
		height:33px;
		line-height:33px;
	}
	a{
		background-image:url(img/button1.jpg);
		display:block;
		width:80px;
		height:33px;
	}
	a:hover{background-image:url(img/button1_bg.jpg);
	}
	#div01{
		width:750px;
		height:200px;
		margin-bottom:10px;
	}
	#div02{
		width:200px;
		height:500px;
		background-color:#F6C;
		float:left;
		margin-right:20px;
	}
	#div03{
		width:500px;
		height:500px;
		background-color:#63C;
		float:left;
		margin-bottom:20px;
	}
	#div04{
		width:750px;
		height:800px;
		margin:auto;
	}
</style>	
</head>

<body>
<div id="div04">
<div id="div01">
<h1>满屋花</h1>
<ul>
      <li><a href="#">鲜花礼品</a></li>
      <li><a href="#">自助订花</a></li>
      <li><a href="#">绿色植物</a></li>
      <li><a href="#">花之物语</a></li>
      <li><a href="#">会员中心</a></li>
      <li><a href="#">联系我们</a></li>
      <li><a href="#">支付方式</a></li>
</ul>
</div>
<div>
      <div id="div02">样本1</div>
</div>
<div>
      <div id="div03">样本2</div>
</div>
</div>
</body>
</html>
